<!DOCTYPE html>
<html lang="zh">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>Test</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="" />
	<meta name="keywords" content="" />

	<!-- Styles -->
	<link rel="stylesheet" type="text/css" href="css/materialize.min.css" />
	<link rel="stylesheet" href="css/icons.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" />
	<link rel="stylesheet" type="text/css" href="css/color.css" />
	
	<style>
		.content-area{
			margin-left : 0;
			width: 100%;
		}
		.activity{
			width: 100%;
			padding-left : 20px;
			margin:0;
 			display: none;
		}
		.activity h4{
		    width: 100%;
    		max-width: 100%;
    		margin: 8px 0 8px;
		}
		.topbar{
			margin:0;
			padding:0;
		}
/* 		.modal-head{ */
/* 			text-align: right; */
/* 			width:100%; */
/* 			padding-right:5px; */
/* 			padding-top:5px; */
/* 		} */
		.modal{
			background: #fff;
			z-index:99;
		}
		.modal img{
			float:right;
			margin-top:5px;
			margin-right:5px;
		}
		.modal .modal-content{
			padding : 0px;
		}
		.modal .modal-content img{
			padding : 0px;
			float:left;
			margin:0px;
		}
		#btnQRcode{
			color: #fff
		}
		
	</style>
	
</head>
<body>
	<div class="topbar">
		<div class="activity">
			<h4 class="cd-headline clip is-full-width" style="text-align:left">
	                <span id="msgType" class="alert success">Success</span><span id="msgText"></span>
			</h4>
		</div><!-- Activity -->

	</div><!-- Top Bar -->

	<div class="content-area">
		<div class="masonary">
			<div class="col s12">
				<div class="widget z-depth-1">
					<div class="loader"></div>								
					<div class="widget-title">
						<h3>Test</h3>
<!-- 								<p>完成车牌和手机号的绑定</p> -->
					</div>

					<form id="test-form" action="#">
						<div class="input-field">
							<label for="carNum">微信用户ID</label>
								<input id="openid" name="openid" type="text" class="required" />
							</div>
						<a class="btn waves-effect waves-light red" type="button" id="btnEnrollment">转正提醒</a>
					</form>
				</div><!-- Widget -->
			</div>
		</div>
	</div><!-- Content Area -->

	<div id="qrcodeModal" class="modal">
			<a href="#!" class="modal-action modal-close"><img id="closeImg" src="img/close.png" /></a>
		<div class="modal-content">
			<img id="qrcode" width="100%" />
		</div>
	</div>
	
 	<script src="js/jquery.min.js"></script>
  	<script src="js/jquery.steps.min.js"></script>
 	<script src="js/materialize.min.js"></script>
 	<script src="js/enscroll-0.5.2.min.js"></script>
 	<script src="js/animate-headline.js"></script>
  	<script src="js/slick.min.js"></script>
	<script src="js/script.js" type="text/javascript"></script>
 	<script src="js/isotope.js"></script>
 	
 	<script type="text/javascript">

 		var form = $("#test-form");
			
		$("#btnEnrollment").bind("click",function(){
			$("#msgType").removeClass();
			$("#msgText").text();
			$(".activity").hide();
				$.post("handler/test_enrollment",{"openid":$("#openid").val()},function(data){
					$("#msgType").addClass("alert success");
					$("#msgType").text("Success");
					$("#msgText").text("发送成功");
					$(".activity").show();
					$(".activity").delay(3000).fadeOut();
				},"json");
		});
			
	</script>
</body>
</html>





